<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/eui.css">
    <style>
        body{
            font: 18px "Microsoft YaHei UI";
            margin: 0;
            padding: 0;
        }
        header a{
            text-decoration: none;
            color: #6c6c6c;
        }
        header a:hover{
            color: #0aa1ed;
        }
        #span1{
            display: inline-block;
            width: 550px;
            margin-left: 500px;
        }
    </style>
</head>
<body>
<div id="app">
    <el-container>
        <el-header style="padding: 0;">
            <div style="width:1400px;height:30px;line-height: 30px;background-color: #edf2fc;border-bottom: solid 1px #ddd;margin: 0">
            <span id="span1">
                    <a href="/">首页</a><el-divider direction="vertical"></el-divider>
                    <a href="">我的订单</a><el-divider direction="vertical"></el-divider>
                    <a href="">我的会员</a><el-divider direction="vertical"></el-divider>
                    <a href="">企业采购</a><el-divider direction="vertical"></el-divider>
                    <a href="">帮助中心</a>
                </span>
                <span>
                    <a style="color: #0aa1ed" href="">登录</a><el-divider direction="vertical"></el-divider>
                    <a style="color: #0aa1ed" href="">注册</a>
                </span>
            </div>
            <div>
                <img src="imgs/logo.png" width="20%"/>
            </div>
        </el-header>
        <el-main>

        </el-main>
        <el-footer>Footer</el-footer>
    </el-container>
</div>

</body>
<!-- import Vue before Element -->
<script src="js/vue.js"></script>
<!-- import JavaScript -->
<script src="js/eui.js"></script>
<script src="js/axios.min.js"></script>
<script>
    let v = new Vue({
        el:"#app"
    })
</script>
</html>